import { createTheme } from "@mui/material";

const theme = createTheme({
  palette: {
    mode: "dark",
    background: {
      default: "#0f1d33",
      paper: "#1a2b4c"
    },
    primary: {
      main: "#448aff"
    },
    secondary: {
      main: "#ffb300"
    },
    text: {
      primary: "#e0e0e0"
    }
  },
  typography: {
    fontFamily: '"Microsoft YaHei", "Roboto", "Helvetica", "Arial", sans-serif',
  },
  shape: {
    borderRadius: 12
  },
  components: {
    MuiButton: {
      styleOverrides: {
        root: {
          textTransform: "none",
          borderRadius: 10,
          fontWeight: 500
        }
      }
    },
    MuiPaper: {
      styleOverrides: {
        root: {
          backgroundImage: "none"
        }
      }
    },
    MuiTypography: {
      styleOverrides: {
        root: {
          color: "#e0e0e0"
        }
      }
    }
  }
});

export default theme;
